<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>3D预览</title>
		<meta http-equiv="X-UA-Compatible" content="chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="alternate icon" type="image/png" href="/assets/i/favicon.png">
		<link rel="stylesheet" href="/assets/css/amazeui.min.css" />
		<link rel="stylesheet" href="/assets/css/app.css" />
		<script src="/preview/WebGLViewer/threejs/jquery.min.js"></script>
		<script src="/preview/WebGLViewer/layer/layer.js"></script>
	</head>
	<body>
	   
		

		<header class="am-topbar">

		<h1 class="am-topbar-brand">
			<a> 3D预览 </a>
		</h1>
		</header>
		
		

		<div class="am-g am-g-fixed webrtc-g-fixed">
		<div class="col-md-6">
					<div class="am-panel-group">
						<section class="am-panel am-panel-default">
						<div class="am-panel-hd">
							列表
						</div>
						<ul class="am-list webrtc-list" id="user-list">
						  <li><a href="javascript:void(0)" onclick="preview('porsche.stl')">porsche.stl</a></li>
						   <li><a href="javascript:void(0)" onclick="preview('bike_frame.stl')">bike_frame.stl</a></li>				  
						</ul>
						</section>
					</div>
				</div>

			



		
		</div>




	<script>


function preview(modelName){
	  layer.open({
		    type: 2,
		    //skin: 'layui-layer-lan',
		    title: '3D预览',
		    fix: false,
		    shadeClose: true,
		    maxmin: true,
		    area: ['900px', '500px'],
		    content: '/preview/WebGLViewer/preview.html?modelName='+modelName,
		    end: function(){
		      //layer.tips('试试相册模块？', '#photosDemo', {tips: 1})
		    }
		  });
}
</script>



	</body>
</html>